<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>省钱控</title>
</head>
<!-- 引入自适应依赖 -->
<script src="../js/flexible.js"></script>

<!-- 引入框架 -->
<link rel="stylesheet" href="./../lib/bootstrap/css/bootstrap.css">

<!-- 引入自己的less -->
<link rel="stylesheet" href="./../css/base.css">
<link rel="stylesheet" href="./../css/moneyctrl.css">

<body>
    <!-- 头部区域 -->
    <header id="header" style="background:#ff841d;">
        <a href="index.html" class="back">&lt</a>
        <h4>省钱控-最新优惠</h4>
        <a href="#" class="app"><img src="./../images/header_app.png"></a>
    </header>

    <!-- 商品列表 -->
    <section id="product">
        <ul class="product-info">
            <li>
                <a href="" class="clearfix">
                    <div class="img fl">
                        <img src="images/ic_mall.png" alt="">
                    </div>
                    <div class="infoR">
                        <div class="title">
                            <h4>我是的家乐福考记录累计收到了飞机快两点</h4>
                        </div>
                        <div class="other">
                            <span class="mall fl">京东商城 | 07-09 16:14</span>
                            <i class="iconfont icon-xiaoxi fr">3</i>
                        </div>

                    </div>
                </a>
            </li>
        </ul>
    </section>

    <!-- 上一页 下一页-->
    <div class="prodocut-option clearfix">
        <a href="#" class="btn btn-default page-prev">上一页</a>
        <a href="#" class="btn btn-default page-next">下一页</a>

        <!-- 第几页 -->
        <div class="dropdown">
            <a id="dLabel" data-target="#" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    第一页
                    <span class="caret"></span>
                </a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                <li>第一页</li>
                <li>第二页</li>
                <li>第三页</li>
            </ul>
        </div>
    </div>


    <!-- 底部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">返回顶部</a>
            </div>
        </div>
        <p> <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>

<script src="./../lib/jquery/jquery.min.js"></script>
<script src="./../lib/bootstrap/js/bootstrap.js"></script>
<script src="./../js/url.js"></script>
<script src="./../js/template.js"></script>
<script src="./../js/moneyctrl.js"></script>
<script type="text/html" id="option">
    {{each result as value i}}
    <option>{{i+1}}/{{value.totalCount}}</option>
    {{/each}}
</script>


<script type="text/html" id="moneyCtrlTmp">
    {{each result as value i}}
    <li>
        <div class="media">
            <a class="media-left" href="#">
            {{#value.productImgSm}}
        </a>
            <div class="media-body">
                <h5><a href="moneyproduct.html?productid={{value.productId}}">{{value.productName}}</a></h5>
                <p class="price">{{value.productPinkage}}</p>
                <span class="from">{{value.productFrom}} | {{value.productTime}}</span>
                <span class="comment"><i class="icon-comment"></i>{{value.productComCount.replace("有","").replace('人评论',"")}}</span>
            </div>
        </div>
    </li>
    {{/each}}
</script>